/* ==================== 布局样式 ==================== */

/* 全局调整左右两栏宽度，让内容区域更宽 */

/* 左侧边栏 */
.VPSidebar {
  width: 15vw !important;
  max-width: 15vw !important;
}

/* 右侧大纲 */
.VPDocAside,
.VPDocAsideOutline,
.aside {
  width: 12vw !important;
  max-width: 12vw !important;
  padding-left: 12px !important;
  padding-right: 12px !important;
}

/* 内容区域自动占据剩余空间 */
.VPDoc:not(.has-sidebar) .content {
  max-width: 88vw !important;
  margin: 0 auto !important;
}

.VPDoc.has-aside .content {
  max-width: 73vw !important;  /* 100vw - 15vw(左) - 12vw(右) = 73vw */
}

/* 确保在大屏幕上也生效 */
@media (min-width: 1440px) {
  .VPSidebar {
    width: 15vw !important;
  }
  
  .VPDocAside,
  .aside {
    width: 12vw !important;
    max-width: 12vw !important;
  }
}

/* 在中等屏幕上稍微调整 */
@media (min-width: 960px) and (max-width: 1439px) {
  .VPSidebar {
    width: 18vw !important;
  }
  
  .VPDocAside,
  .aside {
    width: 15vw !important;
    max-width: 15vw !important;
  }
  
  .VPDoc.has-aside .content {
    max-width: 67vw !important;  /* 100vw - 18vw - 15vw = 67vw */
  }
}

/* 调整右侧大纲宽度 */
.VPDocAside {
  width: 200px !important;
  max-width: 200px !important;
}
